<template>
  <mu-flex class="page-index">
    <mu-list class="left-menu-list">
      <mu-list-item class="left-menu-list-item">
        <!-- <img src="" alt="" /> -->
        <span>管理员设置</span>
      </mu-list-item>
    </mu-list>
    <transition style="flex:1;" appear>
      <router-view></router-view>
    </transition>
  </mu-flex>
</template>
<script>
export default {
  data() {
    return {};
  },
};
</script>

<style lang="less">
.page-index {
  height: 100%;
  background-color: #f6f8f9;
  .left-menu-list {
    width: 300px;
    height: 100%;
    border: 1px solid #e7e7eb;
    background-color: transparent;
  }
  .left-menu-list-item {
    padding-left: 30px;
    color: #374052;
  }

  .left-menu-list-item.actived {
  }
}
</style>
